<%@page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head id="Head1">
	<link type="text/css" rel="stylesheet" href="css/empdir.css" />
		<link type="text/css" rel="stylesheet" href="css/tabber.css" />

    <!--uses cookies to remember tabs-->
    <script type="text/javascript">

    /* Optional: Temporarily hide the "tabber" class so it does not "flash"
       on the page as plain HTML. After tabber runs, the class is changed
       to "tabberlive" and it will appear. */

    document.write('<style type="text/css">.tabber{display:none;}<\/style>');

    /*==================================================
      Set the tabber options (must do this before including tabber.js)
      ==================================================*/
    var tabberOptions = {

      'cookie':"tabber", /* Name to use for the cookie */

      'onLoad': function(argsObj)
      {
        var t = argsObj.tabber;
        var i;

        /* Optional: Add the id of the tabber to the cookie name to allow
           for multiple tabber interfaces on the site.  If you have
           multiple tabber interfaces (even on different pages) I suggest
           setting a unique id on each one, to avoid having the cookie set
           the wrong tab.
        */
        if (t.id) {
          t.cookie = t.id + t.cookie;
        }

        /* If a cookie was previously set, restore the active tab */
        i = parseInt(getCookie(t.cookie));
        if (isNaN(i)) { return; }
        t.tabShow(i);
        //alert('getCookie(' + t.cookie + ') = ' + i);
      },

      'onClick':function(argsObj)
      {
        var c = argsObj.tabber.cookie;
        var i = argsObj.index;
        //alert('setCookie(' + c + ',' + i + ')');
        setCookie(c, i);
      }
    };

    /*==================================================
      Cookie functions
      ==================================================*/
    function setCookie(name, value, expires, path, domain, secure) {
        document.cookie= name + "=" + escape(value) +
            ((expires) ? "; expires=" + expires.toGMTString() : "") +
            ((path) ? "; path=" + path : "") +
            ((domain) ? "; domain=" + domain : "") +
            ((secure) ? "; secure" : "");
    }

    function getCookie(name) {
        var dc = document.cookie;
        var prefix = name + "=";
        var begin = dc.indexOf("; " + prefix);
        if (begin == -1) {
            begin = dc.indexOf(prefix);
            if (begin != 0) return null;
        } else {
            begin += 2;
        }
        var end = document.cookie.indexOf(";", begin);
        if (end == -1) {
            end = dc.length;
        }
        return unescape(dc.substring(begin + prefix.length, end));
    }
    function deleteCookie(name, path, domain) {
        if (getCookie(name)) {
            document.cookie = name + "=" +
                ((path) ? "; path=" + path : "") +
                ((domain) ? "; domain=" + domain : "") +
                "; expires=Thu, 01-Jan-70 00:00:01 GMT";
        }
    }

    </script>
    <%
		Object[] empinfo = (Object[])request.getAttribute("employeeinfo");
    	String[] rolelist = new String[2];
    	rolelist[0] = "Role One";
    	rolelist[1] = "Role Two";
    %>
    <script type="text/javascript" src="js/tabber.js"></script>
	<title>CIS Employee Directory - <%=empinfo[0] %></title>

</head>

<body>
  
<!--start container-->
<div id="container">

        <!--Start Banner-->
	    <div id="banner">	
		    <div id="bannerImage">
		    </div>
		    
    	</div>			
	    <!--End Banner-->

			
        <!--Start Content-->
        

<!--Content Begins-->		
<div id="header">
<!--Begin Employee Header-->
		<!--name-->
		     <span id="name"> <label id="name"> <%=empinfo[0] %> </label> </span>	              
              
      
		                  
      
        <br />

       
        <!--netid-->
            <span id="netID"><label id="empnetID"> <%=empinfo[1] %> </label></span>			

		
		<!--Start Edit/Save/Cancel-->
		<div style="float:right; margin: 5px 3px 0 0;">
		
		            	
                        
                                                                               
                                 
      	</div>
      	<!--End Edit/Save/Cancel-->
		
	
	
<!--End Employee Header-->

</div>
	
	
<div id="leftColumn">

	<!--Begin left-float div-->
	
	<div id="employeeImg">			
	    <!--Begin div for Employee's Image-->
		    <img src="images/nophoto.jpg"/>
			
	    <!--End div-->
	</div>
	
			
	
	<div class="contentBox">

	<!--Begin div for Employee Roles-->
		<div class="contentBoxHeader"><span>Roles</span></div>				
		<div class="contentBoxMain">	
			    
				<tr>
					<td>
	                    <%for(int i = 0; i < rolelist.length; i++){ %>
	                    <label id="roles"> <%=rolelist[i] %> </label><br />
						<%} %>
	                </td>
		        </tr>			
                 
            	
																	
		</div>				
	<!--End div-->			
	</div>	
	
	<div class="contentBox">
	<!--Begin div for College Information-->
		<div class="contentBoxHeader"><span>Collegiate</span></div>
		<div class="contentBoxMain">
		
			<table>
				<tr>
					<th>College</th>						
					<td width="90%"><label id="college"> <%=empinfo[15] %> </label></td>

				</tr>
		
				<tr>
					<th>Class of</th>						
					<td><label id="collegeGradYear"> <%=empinfo[11] %> </label></td>
				</tr>
				
			</table>

		</div>
		<!--end div for College Information-->
	</div>	
	
					
<!--End left-float div-->
</div>






				
<div id="rightColumn">
<!--Begin right-float div-->		
			
			
			
	<div class="contentBox">
		
		<!--Begin contact div-->
		<div class="contentBoxHeader"><span>Contact</span></div>				
		<div class="contentBoxMain">
					
		    <table>
		    <!--Begin contact form table-->
			    <tr>
				    <th>Mobile Phone</th>
				    <td><label id="mobilephn"> <%=empinfo[4] %> </label></td>
			    </tr>
				
			   <tr>
				    <th>Street Address</th>
				    <td><label id="homeaddr"> <%=empinfo[7] %> </label></td>
			    </tr>
				
			    <tr>
				    <th>City, State Zip</th>
				    <td style="background: #fbf6ce">

					    <label id="city"> <%=empinfo[8] %> </label>,
					    <label id="state"> <%=empinfo[9] %> </label>
					    <label id="zip"> <%=empinfo[10] %> </label>
				    </td>
			    </tr>
				

				
			    <tr>
				    <th>E-mail Address</th>
				    <td><label id="email"> <%=empinfo[3] %> </label></td>
			    </tr>
				
				
				
		    <!--End contact table-->
		    </table>
		    
		</div>
	    <!--end contact div-->
	</div>
	
	<br />

	
	
	<div class="contentBox">
	    <!--Begin language div-->
		<div class="contentBoxHeader"><span>Languages</span></div>
	    <div class="contentBoxMain">
	    <label id="language"> Not Set </label>
            
            	
        
		</div>
		<!--end language div-->
	</div>
	
	<br />

	
	
	
	<div class="contentBoxMain" align=right>
	    <br />
	    <a href="#top">[Back to Top]</a>

	</div>
	
<!--end right-float div-->

    
</div>
<!--Content Ends-->
        <!--End Content-->
        
         <br class="clearAll" /> 
        <!--Start Footer-->
        <div id="footer">
                <p>Copyright 2011. For questions or comments, contact your local ITA representative. They're very smart.</p>
                "<span id="quotes">I'm always thinking one step ahead, like a ... carpenter ... that makes stairs.</span>"
        </div>
        <!--End Footer-->
    </div>
    <!--End container-->
<div>
</div>
</body>
</html>
